<script type="text/javascript">
    $(document).ready(function() {
        $("#previewCloseBtn").click(function() {
            $("#preview").hide();
            if ($("select")[0]) $("select").show(); // fix the dropdown can be not coverd in IE6 - W.P
        });

        $("#previewDoneBtn").click(function() {
            $("#preview").hide();
            if ($("select")[0]) $("select").show(); // fix the dropdown can be not coverd in IE6 - W.P
        });

        $("#previewContent").height(window.screen.height - 320);
    });
</script>

<style type="text/css" rel="stylesheet">
    #preview {
        display: none;
        position: absolute;
        top: 100px;
        z-index:999;
        width:1000px;
    }

    #previewBody {
        margin:0px auto 0px auto;
        width:900px;
    }
</style>

<!-- Begin: Preview Question Set -->
<div id="preview">
    <!--START: popup -->
    <div id="previewBody" class="popup">
        <div class="popup_top">
            <span>
                <input type="image" id="previewCloseBtn" src="<%=request.getContextPath()%>/images/icon/close.gif"
                       class="close" alt="close"/>
            </span>
        </div>
        <div class="popup_insider">
            <h3 id="questionSetTitle"></h3>

            <div id="previewContent" class="scrollbar">
                <!--iframe id="preview_if" frameBorder=0 width="100%" style="padding:0 25px 10px;"></iframe-->
            </div>
            <div class="popup_submit">
                <input type="image" id="previewDoneBtn" src="<%=request.getContextPath()%>/images/btn/btn_done.gif"
                       alt="done" class="btn"/>
            </div>
        </div>
        <div class="popup_bottom"><span></span></div>
    </div>
</div>
<!-- End -->